@import '@/lib/reset.scss';

.navigation {
    @include rect(100%, 46px);
    background: #fff;
    ul {
        @include rect(960px, 46px);
        margin: 0 auto;
        li {
            display: block;
            float: left;
            line-height: 46px;
            padding-right: 24px; 
            a {
            color: #909090;
            &:hover {
                color: #007fff;
            }
            }
            
        }

    }
}
.head-title {
    @include rect(960px, 24px);
    font-size: 22px;
    font-weight: 700;
    margin: 36px auto;
}
.entryform {
    @include rect(960px, 470px);
    margin: 0 auto;
    .entryform-left {
        @include rect(645px, 470px);
        float: left;
        padding-right: 15.6px;
        input {
            @include rect(629.61px, 47px);
            padding: 12px;
            border:1px solid #ddd;
            margin-bottom: 19.2px;
            font-size: 17px;
            outline: none;
        }
        textarea {
            resize: none;
            @include rect(629.61px, 110px);
            padding: 12px;
            border:1px solid #ddd;
            margin-bottom: 19.2px;
            outline: none;
            font-size: 17px;
        }
        .category-list {
            @include rect(629.6px, 76px);
            div {
                @include rect(31px, 76px);
                margin-right: 15.6px;
                float: left;
                font-size: 15px;
                line-height: 31px;
            }
            ul {
                display: block;
                float: left;
                @include rect(570.14px, 76px);
                li{
                  padding: 8.4px 12px;
                  border: 1px solid #f1f1f1;
                  color: #909090;  
                  background-color: #fff;
                  border-radius: 2px;
                  display: block;
                  float: left;
                  margin: 0 7.2px 7.2px 0;
                  font-size: 12px;
                  &:hover,.active {
                    color: #007fff;
                    border-color: rgba(0,127,255,.15);
                    background-color: rgba(0,127,255,.05);
                    transition: all .3s;
                  }
                }
            }
        }
        .category-title {
            @include rect(617px, 31px);
            float: left;
            margin: 15.6px 0;
            div {
                @include rect(31px, 76px);
                margin-right: 15.6px;
                float: left;
                font-size: 15px;
                line-height: 31px; 
            }
            input {
                display: block;
                @include rect(145px, 30px);
                font-size: 12px;
            }
        }
        button {
            display: inline-block;
            @include rect(100%, 33px);
            background: #007fff;
            color: #fff;
            padding: 6px 15.6px;
            border-radius: 2px;
            border: none;
            outline: none;
        }
    }
    .entryform-right {
        @include rect(314.8px, 470px);
        float: left;
        .pushimg {
            @include rect(306.47, 240px);
            border: 1px dashed hsla(0,0%,40%,.2);
            background-color: hsla(0,0%,94.9%,.9);
            text-align: center;
            line-height: 240px;
            color: hsla(0,0%,40%,.5);
        }
        .category-list {
            @include rect(629.6px, 76px);
            margin-top: 20px;
            div {
                @include rect(31px, 76px);
                margin-right: 15.6px;
                float: left;
                font-size: 15px;
                line-height: 31px;
            }
            ul {
                display: block;
                float: left;
                @include rect(570.14px, 76px);
                li{
                  padding: 8.4px 12px;
                  border: 1px solid #f1f1f1;
                  color: #909090;  
                  background-color: #fff;
                  border-radius: 2px;
                  display: block;
                  float: left;
                  margin: 0 7.2px 7.2px 0;
                  font-size: 12px;
                  &:hover {
                    color: #007fff;
                    border-color: rgba(0,127,255,.15);
                    background-color: rgba(0,127,255,.05);
                    transition: all .3s;
                }
                }
            }
        }
        
    }
}